<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // webwork 可以把需要的一些逻辑 拆分成异步 逻辑 
        // 阻塞
        console.log("逻辑一执行了");

        var work1 = new Worker("./a.js");  // 通过 webworker把a.js文件引入到js里；
        // 监听 a.js发送的信息 
        // message 事件是固定的事件；
        work1.addEventListener("message",function(e){
            console.log("work1的事件对象",e.data);
        })

        // console.time();
        // var num = 0;
        // for(var i=0;i<100000000;i++){
        //     num += i;
        // }
        // console.log(num);
        // console.timeEnd();

        console.log("逻辑二执行了!!");
        var work2 = new Worker("./b.js");  // 把b.js引入到js里；

        // console.time();
        // var num2 = 0;
        // for(var j=0;j<100000000;j++){
        //     num2 += j;
        // }
        // console.log(num2);
        // console.timeEnd();
        work2.addEventListener("message",function(e){
            console.log("work2接收到的值是",e.data);
        })
        console.log("逻辑三的代码执行了");

// 文件打开html ： file:///D:/%E5%B0%9A%E7%A1%85%E8%B0%B7/221124/day11/2.webwork.html
// 服务器打开页面：http://127.0.0.1:5500/day11/2.webwork.html
//                协议：// 域名   : 端口 / 地址
    </script>
</body>
</html>